// 1.切换登录和注册的两个盒子
// 登录页面切换注册页面
$('.login a').on('click',function () {
  $('.register').show()  
})
// 注册页面切换登录页面
$('.register a').on('click',function () {
  $('.register').hide()
})

// 2.登录页面功能
$('.login form').on('submit',function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/api/login',data).then(res => {
    let {status,message,token} = res.data
    if ( status === 0 ) {
      // 保存token
      localStorage.setItem('token',token)
      // 提示  加入跳转时间 1500毫秒后跳入首页
      layer.msg(message,{time:1500},() => {
        location.href = './index.html'
      })
    }
  })
})

// 3.注册页面功能
$('.register form').on('submit',function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/api/reguser',data).then(res => {
    let {status,message} = res.data
    if ( status === 0 ) {
      // 清空表单内容
      $('.register form')[0].reset()
      // 让注册盒子隐藏
      $('.register').hide()
    }
  })
})

// 4.表单验证  使用layui内置模块验证
let form = layui.form
form.verify({
  len:[/^\S{6,12}$/,'长度6-12位且不能有空格'],
  // 确认密码
  same:function (val) {
    // 获取密码
    let pwd = $('.pwd').val()
    // 判断第二次密码和第一次是否一致
    if (pwd != val) return '两次密码不一致'
  }
})
